#overlay {
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: none;
  background-color: darkgray;
  opacity: 0.8;
}

.itemline.newline:not(.editing) {
  display:none;
}
div[property=dodelete] {
  width: 16px
}
div[property=title] {
  width: 200px
}
div[property=type] {
  width: 60px
}
div[property=value] {
  width: 240px
}
div[property=enabled] {
  width: 60px
}
div[property=userAgent] {
  width: 70px
}

div[property=scriptSetting] {
  width: 200px
}
div[property=script] {
  width: 200px
}

div [property=add] {
  width: 80px;
}

[property=status] button {
  width: 70px;
}

.itemline:not(.newline) [property=dodelete] button {
  opacity: 0;
}

.itemline:not(.newline):hover [property=dodelete] button {
  display: inline-block;
  background-image: url("");
  margin: 2px;
  opacity: 1;
  -webkit-transition: .15s opacity;
  width: 16px;
  height: 16px;
  background-color: transparent;
  border: none;
}

.itemline [property=dodelete] button:hover {
  background-image: url("") !important;
}

.itemline [property=dodelete] button:active {
  background-image: url("") !important;
}

#addPanel {
  display: none;
  position: fixed;
  z-index: 2;
  top: 100px;
  width: 800px;
  left: 50%;
  margin-left:-400px;
}

#tbServer, #tbServerStatus {
  float: left;
}

#tbServer {
  width: 600px;
}
